.speed_hack,
#currency,
#power_indicator,
#heat_indicator,
#reboot_section,
#tooltip_nav,
#parts {
	/* 
		Lie to the browser about the will-change so they are on their own layers
		since their content is changing multiple times per second
		so they wouldn't cause the monstrosity known as #reactor to getting repainted.
	*/
	will-change: transform;
}

#parts_section .part {
	margin-right: 2.5px;
	margin-left: 2.5px;
	margin-top: 2.5px;
	margin-bottom: 2.5px;
	transition: all .1s linear;
}

#parts_section .part:hover {
	box-shadow: 0px 0px 2px 1px #ccc;
	background: #ccc;
}

#parts_section .part.part_active{
	box-shadow: 0px 0px 1px 1px #0c0;
	background: #0c0;
}

#parts_section .part.part_active.part:hover {
	box-shadow: 0px 0px 1px 1px #6c6;
	background: #6c6;
}

#reactor {
	background: url(../img/tile.png);
	background-repeat: space;
}

#reactor_wrapper {
	position: relative;
}

#reactor_background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	pointer-events: none;
}

